<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>游艇项目</title>
  <link rel="stylesheet" href="./css/base.css">
  <link rel="stylesheet" href="./css/index.css">
  <link rel="stylesheet" href="./css/media.css">
</head>
<style>
  @media screen and (max-width: 1920px) {
    .content {
      width: 100%;
      height: 950px;
    }
  }

  @media screen and (max-width: 1680px) {
    .content {
      width: 100%;
      height: 950px;
    }
  }

  @media screen and (max-width: 1600px) {
    .content {
      width: 100%;
      height: 800px;
    }
  }

  @media screen and (max-width: 1440px) {
    .content {
      width: 100%;
      height: 900px;
    }
  }

  @media screen and (max-width: 1366px) {
    .content {
      width: 100%;
      height: 668px;
    }
  }

  @media screen and (max-width: 1280px) {
    .content {
      width: 100%;
      height: 800px;
    }
  }
</style>
<body>
  <div class="view">
    <!-- 头部部分 -->
    <!-- <div class="header">
     <div class="w">
        <div class="logo fl">logo</div>
        <div class="langage fr">
          <select >
            <option value="">中文</option>
            <option value="">English</option>
          </select>
        </div>
     </div>
    </div> -->
    <!-- 中间部分 -->
    <div class="content">
      <div class="title">
        <div class="welcome">
          <span>Welcome To</span> MARING & YACHT SUPPORT LID
        </div>
        <!-- 语言部分 -->
        <div class="langue">
          <a href="javascript:;">中文</a>
          <a href="javascript:;">/EN</a>
        </div>
      </div>
      <!-- 图片部分 -->
      <div class="show w">
        <div class="img1">
          <img src="./image/logo.png" alt="">
        </div>
        <a href="javascript:;">
          <div class="img2 img">
            <img src="./image/aCUSTOM APPLICATION.JPG" alt="">
            <div class="dec">
              CUSTOM APPLICATION
            </div>
          </div>
        </a>
        <a href="javascript:;">
          <div class="img3 img">
            <img src="./image/TalentPool.jpg" alt="">
            <div class="dec">
              TALENT POOL
            </div>
          </div>
        </a>
        <a href="./contact.html">
          <div class="img4 img">
            <img src="./image/Contactus.jpg" alt="">
            <div class="dec">
              CONTACT
            </div>
          </div>
        </a>
        <a href="javascript:;">
          <div class="img5 img">
            <img src="./image/Shipyardmanagement.jpg" alt="">
            <div class="dec">
              SHIPYARD OPERATIONS
            </div>
          </div>
        </a>
        <a href="javascript:;">
          <div class="img6 img">
            <img src="./image/ProjectManagement.jpg" alt="">
            <div class="dec">
              PROJECT MANAGEMENT
            </div>
          </div>
        </a>
        <a href="./news.html">
          <div class="img7 img">
            <img src="./image/Shipyardmanagement.jpg" alt="">
            <div class="dec">
              NEWS
            </div>
          </div>
        </a>
        <a href="./aboutus.html">
          <div class="img8 img">
            <img src="./image/about us.jpg" alt="">
            <div class="dec">
              ABOUT US
            </div>
          </div>
        </a>
        <a href="javascript:;">
          <div class="img9 img">
            <img src="./image/Sourcing.jpg" alt="">
            <div class="dec">
              SOURCING
            </div>
          </div>
        </a>
      </div>
      <div class="bottom">
        <p>Our Philosophy:  Delication, Efficiency, and Absolute attention to details.</p>
      </div>
         <!-- 底部部分 -->
     <div class="footer">
       <div class="footer-w">
        <a href="./index.html">HOME</a>
        <a href="./aboutus.html">ABOUT US</a>
        <a href="javascript:;">PROJECT MANAGEMENT</a>
        <a href="javascript:;">SHIPYARD OPERATIONS</a>
        <a href="javascript:;">CUSTOM APPLICATION</a>
        <a href="javascript:;">SOURCING</a>
        <a href="javascript:;">TALENT POOL</a>
        <a href="javascript:;">EVENT</a>
        <a href="./contact.html">CONTACT</a>
       </div>
      </div>
    </div>

</body>

</html>
<script src="./lib/jquery.v1.12.4.js"></script>
<script src="./lib/index.js"></script>